<%-- 
    Document   : testeGrafico
    Created on : 19/02/2011, 19:02:03
    Author     : Escritorio projetos
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%--<script type="text/javascript"  language="javascript" src="CalendarPopup.js"></script>--%>
<html>
    <head>
        <!-- Importar java script que permite gerar um calendário para selecionar as datas -->
        <SCRIPT LANGUAGE="JavaScript" type="text/javascript" src="CalendarPopup.js"></SCRIPT>
        <!-- Utilizado para gerar o estilo do calendário.
             Somente necessários se você usar a DIV style popup -->
        <SCRIPT LANGUAGE="JavaScript" type="text/javascript">document.write(getCalendarStyles());</SCRIPT>
        <!-- These styles are here only as an example of how you can over-ride the default
             styles that are included in the script itself. -->
        <!-- These styles are here only as an example of how you can over-ride the default
     styles that are included in the script itself. -->
        <style type="">
            .TESTcpYearNavigation,
            .TESTcpMonthNavigation
            {
                background-color:#6677DD;
                text-align:center;
                vertical-align:middle;
                text-decoration:none;
                color:#FFFFFF;
                font-weight:bold;
            }
            .TESTcpDayColumnHeader,
            .TESTcpYearNavigation,
            .TESTcpMonthNavigation,
            .TESTcpCurrentMonthDate,
            .TESTcpCurrentMonthDateDisabled,
            .TESTcpOtherMonthDate,
            .TESTcpOtherMonthDateDisabled,
            .TESTcpCurrentDate,
            .TESTcpCurrentDateDisabled,
            .TESTcpTodayText,
            .TESTcpTodayTextDisabled,
            .TESTcpText
            {
                font-family:arial;
                font-size:8pt;
            }
            TD.TESTcpDayColumnHeader
            {
                text-align:right;
                border:solid thin #6677DD;
                border-width:0px 0px 1px 0px;
            }
            .TESTcpCurrentMonthDate,
            .TESTcpOtherMonthDate,
            .TESTcpCurrentDate
            {
                text-align:right;
                text-decoration:none;
            }
            .TESTcpCurrentMonthDateDisabled,
            .TESTcpOtherMonthDateDisabled,
            .TESTcpCurrentDateDisabled
            {
                color:#D0D0D0;
                text-align:right;
                text-decoration:line-through;
            }
            .TESTcpCurrentMonthDate
            {
                color:#6677DD;
                font-weight:bold;
            }
            .TESTcpCurrentDate
            {
                color: #FFFFFF;
                font-weight:bold;
            }
            .TESTcpOtherMonthDate
            {
                color:#808080;
            }
            TD.TESTcpCurrentDate
            {
                color:#FFFFFF;
                background-color: #6677DD;
                border-width:1px;
                border:solid thin #000000;
            }
            TD.TESTcpCurrentDateDisabled
            {
                border-width:1px;
                border:solid thin #FFAAAA;
            }
            TD.TESTcpTodayText,
            TD.TESTcpTodayTextDisabled
            {
                border:solid thin #6677DD;
                border-width:1px 0px 0px 0px;
            }
            A.TESTcpTodayText,
            SPAN.TESTcpTodayTextDisabled
            {
                height:20px;
            }
            A.TESTcpTodayText
            {
                color:#6677DD;
                font-weight:bold;
            }
            SPAN.TESTcpTodayTextDisabled
            {
                color:#D0D0D0;
            }
            .TESTcpBorder
            {
                border:solid thin #6677DD;
            }
        </style>
    </HEAD>
    <body BGCOLOR=#FFFFFF LINK="#00615F" VLINK="#00615F" ALINK="#00615F">
        <form name="teste" action="">
            Default calendar using the DIV-style display.<BR>
            <script language="JavaScript" type="">
                var cal1x = new CalendarPopup("testdiv1");
                cal1x.showYearNavigation();
                <%--                cal1x.setCssPrefix("TEST");
                --%>            </script>
            <div id="testdiv1" style="position:absolute;visibility:hidden;background-color:white;"></div>
            <input type="text" name="date1x" value="" size=20>
            <a href="#" onClick="cal1x.select(document.forms[0].date1x,'anchor1x','dd/MM/yyyy'); return false;"
               TITLE="cal1x.select(document.forms[0].date1x,'anchor1x','dd/MM/yyyy'); return false;"
               name="anchor1x" id="anchor1x">
                <img src="images/cal.gif" width="17" height="17" alt="cal"/>
            </a>
            <!-- ================================================================================== --><hr>

            DIV-style calendar using a CSS prefix and different styles define in this HTML page (view source to see the defined styles)<br>
            <script language="JavaScript" type="">
                var cal18 = new CalendarPopup("testdiv1");
                cal18.setCssPrefix("TEST");
            </script>
            <!-- The next line prints out the source in this example page. It should not be included when you actually use the calendar popup code -->           
            <input name="date18" size="20" type="text">
            <a href="#" onclick="cal18.select(document.forms[0].date18,'anchor18','dd/MM/yyyy'); return false;"
               title="cal18.select(document.forms[0].date18,'anchor1x','dd/MM/yyyy'); return false;" name="anchor18" id="anchor18"><img src="images/cal.gif" width="17" height="17" alt="cal"/></a>

            <!-- ================================================================================== --><hr>
        </form>
    </body>
</html>
